﻿/*all of the visual layout definitions go in here*/
/*my apologies... I am far from a good web designer ;)*/
body 
{
	background-color:White;
	font-family:Arial;
	margin:20px 50px 20px 50px;
}
fieldset
{
	background-color:#EFEFEF;
	margin:40px 40px 40px 40px;
}
#errorHeader
{
	background-color:Yellow;
	color:Red;
	text-align:center;
	border-width:thin;
	border-color:Red;
}
#bookManagement
{
	width:49%;
	float:left;
	border-width:thin;
	text-align:left;
}
#mediaManagement
{
	width:49%;
	float:right;
	border-width:thin;
	text-align:right;
}
#courseManagement
{
	width:100%;
	border-width:thin;
	text-align:center;
}
#dataRow
{
	width:100%;
	text-transform:uppercase;
	word-spacing:10px;
	background-color:Aqua;
	padding:5px 1px 1px 1px;
}
#innerDataRow
{
	color:Green;
	text-align:center;
	border-color:Black;
	border-width:thin;
	width:auto;
	float:right;
	vertical-align:middle;
	outline-style:dashed;
	outline-color:Black;
	outline-width:thin;
}
#innerDataRow::before
{
	content:"-=";
}
#innerDataRow::after
{
	content:"=-";
}
#centerMenu
{
	background-color:Silver;
	text-decoration:italic;
}